import React,{Component} from 'react';
import { Switch,Link,Route } from 'react-router-dom';
import {Content,NoMatch} from '../Components';
export default class  Miss extends Component{
	render(){
	
		return (
			
			<div>
				<h3>Miss</h3>
					
				 <ul>
					<li><Link to={this.props.match.url+"/app/level1"} className="active">lever1</Link></li>
					<li><Link to={this.props.match.url+"/level2"} className="active">lever2</Link></li>
					<li><Link to={this.props.match.url+"/app/level3"} className="active">lever3</Link></li>

				</ul>
			    <div>
					<p>第二个子组件显示内容</p>
					<Switch>
						<Route path={`${this.props.match.url}/app/:level`} component={Content}/>
						<Route path={`${this.props.match.url}`}exact={true} render={()=>(null)}/>
						<Route  component={NoMatch}/>
					</Switch>
				</div>
			</div>
		
		)
	}
}

